<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <script>
    let obj1 = { name: 'zs', age: 20 };
    // let obj2 = obj1;

    // 浅拷贝和深拷贝
    // 浅拷贝，把一个对象的属性和值，拷贝一份，加入到另一个空对象中
    // 深拷贝，把一个对象的属性和值，拷贝一份，加入到另一个对象。（如果对象的某个属性值是引用类型的，则需要递归拷贝），拷贝后，两个对象是完全独立的两个对象

    // 浅拷贝的方案（for循环、Object.assign、转成JSON再转成JS对象、...展开运算符）
    let obj2 = {};

    // for (let k in obj1) {
    //   obj2[k] = obj1[k]
    // }

    // obj2 = Object.assign({}, obj1)

    // obj2 = JSON.parse(JSON.stringify(obj1))

    obj2 = { ...obj1 }


  </script>
</body>

</html>